<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>0</h1>
<h2>0</h2>
<script>
  let count=0;
  let count1=0;
  //开启定时器 每隔一秒调用一次方法
  //毫秒单位 f代表的是方法f不用写括号 代表参数
  setInterval(f,1000);

  function f() {
    count++;
    let h =document.querySelector("h1");
    h.innerText=count;
  }
  let sss=setInterval(function () {
    count1++;
    let h =document.querySelector("h2");
    h.innerText=count1;
    if(count1==50){
      //停止定时器
      clearTimeout(sss);
    }
  },100)
  /*z只执行一次的定时器*/
  setTimeout(function () {
    alert("时间到")
  },3000)
</script>
</body>
</html>